<script setup lang="ts">
const size = ref<any>('small');
</script>

<template>
  <PageCard title="描述">
    <el-descriptions title="User Info" border :size="size">
      <template #extra>
        <el-segmented v-model="size" :options="['small', 'default', 'large']" />
      </template>
      <el-descriptions-item label="Username">kooriookami</el-descriptions-item>
      <el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
      <el-descriptions-item label="Place">Suzhou</el-descriptions-item>
      <el-descriptions-item label="Remarks">
        <el-tag :size="size">School</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="Address">
        No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
      </el-descriptions-item>
    </el-descriptions>
  </PageCard>
</template>
